<template>
	<starGenView :title="'compTest'">
		<basicCrud :modelName="modelName" :type="type" :className="className"
			:config="config" :fields="fields" />
	</starGenView>
</template>

<script>
export default {
	name: 'compTest',
	data() {
		return {
			modelName: 'consume',
			type: 'product',
			className: 'material',
			config: {
				formConfig: {
					labelWidth: 90,
					// labelPosition: '',
				},
				span: 12,
				modalConfig: {},
				tableConfig: {},
			},
			fields: [
				{
					type: 'text', // 支持的iview组件，参考：http://www.form-create.com/v2/iview/
					title: '字段1',
					key: 'code',
					value: 'code1', // 预置的默认值
					rules: [{ required: true, message: '请输入code', trigger: 'blur' }],
					show: true,
					// 表单组件的属性, 全局属性；但是在查询、新增、编辑、详情等四个config中可能会存在覆盖配置；
					config: {
						type: 'text',
						disabled: false,
						clearable: false,
						readonly: false,
					},
					// table的columns配置，支持table的columns的所有参数
					column: {
						show: true,
					},
					// 查询区域的配置
					searchConfig: {
						show: true,
						collapse: false,
					},
					// 新增、编辑、详情，三个弹窗各自的配置；会覆盖props配置；
					newConfig: {},
					editConfig: {},
					detailConfig: {},
				},
				{
					type: 'text', // 支持的iview组件，参考：http://www.form-create.com/v2/iview/
					title: '字段2',
					key: 'name',
					value: 'name1', // 预置的默认值
					rules: [{ required: true, message: '请输入code', trigger: 'blur' }],
					// 表单组件的属性, 全局属性；但是在查询、新增、编辑、详情等四个config中可能会存在覆盖配置；
					config: {
						show: false,
						type: 'text',
						disabled: false,
						clearable: false,
						readonly: false,
					},
					// table的columns配置，支持table的columns的所有参数
					column: {
						show: true,
					},
					// 查询区域的配置
					searchConfig: {
						show: true,
						// collapse: true,
					},
					// 新增、编辑、详情，三个弹窗各自的配置；会覆盖props配置；
					newConfig: {
						show: false,
					},
					editConfig: {
						show: false,
					},
					detailConfig: {},
				},
			],
		}
	},
	created() {},
	methods: {},
	props: {},
}
</script>
